<!doctype html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>订单详情</title>
		<link rel="stylesheet" href="http://shop.com:5500/resources/css/bootstrap.min.css" type="text/css" />
		<script src="http://shop.com:5500/resources/js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="http://shop.com:5500/resources/js/bootstrap.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="http://shop.com:5500/resources/js/jquery-heima-0.0.1.js" ></script>
		<script type="text/javascript" src="http://shop.com:5500/resources/js/heima-include.js" ></script>
		<script type="text/javascript" src="http://shop.com:5500/resources/js/vue.js" ></script></head>

	<body>
			<div class="container-fluid">
				<!--头部-->
				<div id="header" style="min-height: 130px;"></div>	
				<div class="container">
					<div class="row">
						<div style="margin:0 auto;margin-top:10px;width:950px;">
							<strong>订单详情</strong>
							<table class="table table-bordered">
								<tbody>
									<tr class="warning">
										<th colspan="2">
											订单编号:7766771234
										</th>
										<th colspan="1">订单状态:未付款 </th>
										<th colspan="2">下单时间:2018-02-03 11:25:22 </th>
									</tr>
									<tr class="warning">
										<th>图片</th>
										<th>商品</th>
										<th>价格</th>
										<th>数量</th>
										<th>小计</th>
									</tr>
									<tr class="active">
										<td width="60" width="40%">
											<input type="hidden" name="id" value="22">
											<img src="http://shop.com:5500/resources/products/1/donggua1.jpg" width="70" height="60">
										</td>
										<td width="30%">
											<a target="_blank"> 有机蔬菜      大冬瓜...</a>
										</td>
										<td width="20%">
											￥298.00
										</td>
										<td width="10%">
											5
										</td>
										<td width="15%">
											<span class="subtotal">￥596.00</span>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
		
						<div style="text-align:right;margin-right:120px;">
							商品金额: <strong style="color:#ff6600;">￥596.00元</strong>
						</div>
		
					</div>
		
					<div class="">
						<hr/>
						<form class="form-horizontal" style="margin-top:5px;margin-left:150px;">
							<div class="form-group">
								<label for="username" class="col-sm-1 control-label">地址</label>
								<div class="col-sm-5">
									<input type="text" class="form-control" id="username" placeholder="请输入收货地址">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-1 control-label">收货人</label>
								<div class="col-sm-5">
									<input type="password" class="form-control" id="inputPassword3" placeholder="请输收货人">
								</div>
							</div>
							<div class="form-group">
								<label for="confirmpwd" class="col-sm-1 control-label">电话</label>
								<div class="col-sm-5">
									<input type="password" class="form-control" id="confirmpwd" placeholder="请输入联系方式">
								</div>
							</div>
						</form>
		
						
							<hr/>
							<p style="text-align:right;margin-right:100px;">
								<a href="javascript:document.getElementById('orderForm').submit();">
									<img src="http://shop.com:5500/resources/img/finalbutton.gif" width="204" height="51" border="0" />
								</a>
							</p>
							<hr/>
		
						</div>
					</div>
		
				</div>
				<!--尾部-->
				<div id="footer"  style="min-height: 203px;"></div>
		</div>
	</body>

</html>